<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>My GitHub {{ context.year }} | Display</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="description" content="Statistics of your activities on GitHub in 2024.">
  <meta name="keywords" content="GitHub, statistics, 2024, activity, repositories, commits, issues, pull requests">
  <meta name="author" content="Ch3nyang">
  <!-- <link rel="stylesheet" href="https://unpkg.com/@primer/octicons@latest/build/build.css"> -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> -->
  <link rel="stylesheet" href="/static/style/main.css">
  <link rel="icon" href="/static/img/logo.svg" type="image/svg+xml">
</head>

<body>
  <div class="button">
    <!-- <button onclick="window.open('https://github.com/WCY-dt/my-github-2024', '_blank')" type="button" id="star">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="20" height="20">
        <path
          d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z">
        </path>
      </svg>
      <span>Star on GitHub</span>
    </button> -->
    <!-- <button onclick="download()" type="button" id="download">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
        <path
          d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z">
        </path>
        <path
          d="M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z">
        </path>
      </svg>
      <span>Download</span>
    </button> -->
  </div>
  <main>
    <header>
      <h1>My GitHub {{ context.year }}</h1>
    </header>
    <section id="basic-info">
      <div class="social">
        <img src="{{ context.avatar }}" alt="avatar">
        <div class="name">
          <h2>{{ context.name }}</h2>
          <p>{{ context.username }}</p>
        </div>
      </div>
      <div class="info">
        <p><span>~{{ context.created_time }}</span><br>days on GitHub</p>
        <p><span>{{ context.followers_num }}</span><br>followers</p>
        <p><span>{{ context.following_num }}</span><br>following</p>
        <p><span>{{ context.stars_num }}</span><br>stargazers</p>
      </div>
    </section>
    <section id="commit-map">
      <table></table>
      <div>
        <p>
          Active days<br><span>{{ context.commits_days_num }}</span>
        </p>
        <p>
          Longest streak<br><span>{{ context.longest_commit_streak }}</span>
        </p>
        <p>
          Longest break<br><span>{{ context.longest_commit_break }}</span>
        </p>
        <p>
          Maximum activities<br><span>{{ context.max_commits_per_day }}</span>
        </p>
      </div>
    </section>
    <section id="trending">
      <h3>Commits in Hour</h3>
      <h3>Activities in Weekday</h3>
      <h3>Activities in Month</h3>
      <canvas id="commits-per-hour" width="250" height="160"></canvas>
      <canvas id="commits-per-weekday" width="250" height="160"></canvas>
      <canvas id="commits-per-month" width="250" height="160"></canvas>
      <div>
        <p>Most energetic at <span>{{ context.most_active_hour }}</span></p>
      </div>
      <div>
        <p>Coding peaks on <span>{{ context.most_active_weekday }}</span></p>
      </div>
      <div>
        <p>Inspiration bursts in <span>{{ context.most_active_month }}</span></p>
      </div>
    </section>
    <section id="commit-activity">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path
            d="M11.93 8.5a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 0 1 0-1.5h3.32a4.002 4.002 0 0 1 7.86 0h3.32a.75.75 0 0 1 0 1.5Zm-1.43-.75a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z">
          </path>
        </svg>
        <span>Commits</span>
      </div>
      <p>{{ context.commits_num }}</p>
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path>
          <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>
        </svg>
        <span>Issues</span>
      </div>
      <p>{{ context.issues_num }}</p>
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path
            d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z">
          </path>
        </svg>
        <span>Pull Requests</span>
      </div>
      <p>{{ context.prs_num }}</p>
      </div>
    </section>
    <section id="preferences">
      <div class="brief">
        <num>{{ context.repos_num }}</num>
        <span>repositories<br>commited</span>
      </div>
      <div class="detail" id="top-3-most-committed-repos"></div>
      <div class="brief">
        <num>{{ context.languages_num }}</num>
        <span>languages used<br>in new repositories</span>
      </div>
      <div class="detail" id="top-3-languages-used-in-new-repos"></div>
      <div class="brief">
        <num>{{ context.conventional_commits_num }}</num>
        <span>conventional<br>commits made</span>
      </div>
      <div class="detail" id="top-3-conventional-commit-types"></div>
    </section>
    <a href="https://github.com/WCY-dt/my-github-2024" target="_blank" rel="noopener noreferrer" id="footer">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
        <path
          d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z">
        </path>
      </svg>
      <span>WCY-dt/my-github-2024</span>
    </a>
  </main>
  <foot>
  <div hidden>
    <div id="data-year">{{ context.year }}</div>
    <div id="data-commits-per-day">{{ context.commits_per_day }}</div>
    <div id="data-commits-per-month">{{ context.commits_per_month }}</div>
    <div id="data-commits-per-weekday">{{ context.commits_per_weekday }}</div>
    <div id="data-commits-per-hour">{{ context.commits_per_hour }}</div>
    <div id="data-top-3-most-committed-repos">{{ context.top_3_most_committed_repos }}</div>
    <div id="data-top-3-languages-used-in-new-repos">{{ context.top_3_languages_used_in_new_repos }}</div>
    <div id="data-top-3-conventional-commit-types">{{ context.top_3_conventional_commit_types }}</div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  <script src="/static/js/commits_per_day.js"></script>
  <script src="/static/js/commits_trending.js"></script>
  <script src="/static/js/preferences.js"></script>
  <!-- <script src="/static/js/download.js"></script> -->
  </foot>
</body>

</html>